<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>5.vue模板语法练习</title>
</head>
<body>
<div id="app">
    <p v-once>{{onec}}</p>
    <input type="text" v-model="onec" style="width: 400px;">

    <p v-html="html"></p>
    <button v-bind:disabled="disabled">Button{{numbertest+1}}</button>
</div>


<div id="app2"></div>
<script src="../modules/vue.js"></script>
<script>
    var appData = {
        onec: '加入v-once属性后，只会同步一次数据',
        html: '<h1>我是来自appdata的h1标签{{onec}}</h1>',
        disabled: true,
        numbertest: 1
    }

    var vm = new Vue({
        el: '#app',
        data: appData,
        methods: {}
    });

    var vm1 = new Vue({
        el: 'app2',
        data: {
            firstName: 'foo',
            lastName: 'Bar',
            fullName: 'foo Bar'
        },
        watch:{

        }
    })


</script>
</body>
</html>